<script setup lang="ts">
import { ref } from 'vue'
// 1，性别
const gender = ref(0)
// 2.成绩
const score = ref(95)
</script>

<template>
  <div id="app">
    <p v-if="gender == 1">性别：♂ 男</p>
    <p v-if="gender == 0">性别：♀ 女</p>
    <hr />
    <p v-if="score >= 90">成绩评定A:奖励电脑一台</p>
    <p v-else-if="score >= 80">成绩评定B:奖励周末郊游</p>
    <p v-else-if="score >= 60">成绩评定C:奖励零食礼包</p>
    <p v-else>成绩评定D:惩罚一周不能玩手机</p>
  </div>
</template>

<style lang="css" scoped></style>
